﻿html,body {font-size:14px; height: 100%; font-family: 'Microsoft YaHei'; margin:0; padding:0;}
ul,li,img{ margin:0; padding:0; border:0; list-style: none;}
a{ text-decoration: none; color: #000000; font-family: 'Microsoft YaHei';}
select{ line-height: 24px; height: 24px; border: 1px solid #cccccc}
input{ margin: 0;}
input[readonly]{ background-color: #f0f0f0; border: 1px solid #cccccc}
/*a:hover{ color: red;}*/
#contant{width: 920px;position:relative; text-align:left; margin:0 auto;}
.login{ width:920px; height:500px; background: url(image/login.jpg) no-repeat left top; position:relative; text-align:left; margin:24px auto;}
#login_edit{ position:absolute; right:50px; top:134px;}
#login_edit .txt{ width:190px;height: 24px; border:1px solid #BCBCBC; padding:5px 3px;}

/*登录按钮*/
.login_linkbtn{ display:inline-block; height:30px; background:url(image/login_link_btn.jpg) no-repeat left top; padding-left:10px; text-decoration:none;}
.login_linkbtn span{ display:block; height:30px; line-height: 30px; padding-right:10px; font-size:14px; font-weight:bold; color:#FFFFFF;background:url(image/login_link_btn.jpg) no-repeat right top; text-align:center;}
.login_linkbtn:hover{ background-position-y: -30px;}
.login_linkbtn:hover span{ background-position-y: -30px;}

/*logo按钮*/
.logo_btn{ margin:0; padding:0; border:0; float:left; display:inline-block; text-decoration:none; background:url(image/header_bg.jpg) repeat-x left top;}
.logo_btn:hover{ text-decoration:none; cursor:pointer; background:url(image/header_bg.jpg) repeat-x left top;}
.logo_btn img{float:left; margin-top: 8px; border:0;}
.logo_btn span{ float:left; line-height:50px; color:#5F5F5F; font-weight:bold; font-size:22px; font-family:"微软雅黑";}

/*用户信息*/
#userinfo{ background:url(image/userinfo_bg.jpg) no-repeat left top; height:22px;padding-left:15px; position:absolute; top:0; right:0;}
#userinfo div{background:url(image/userinfo_bg.jpg) no-repeat right top; height:22px; padding-right:10px; line-height:22px;}
#userinfo .username{ color:#1667b0; font-weight:bold;}
#userinfo .control{ margin-left:20px;}
#userinfo .control a{ height:22px; line-height:22px; margin-right:5px; color:#5f5f5f; text-decoration:none; }
#userinfo .control a:hover{ color:Red;}
.x18icon{ display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin-right: 3px; background: url(image/normalicon.png) no-repeat left top; }
.x18icon.about{ background-position-x: 0}
.x18icon.stop{ background-position-x: -18px}
.x18icon.chart{ background-position-x: -36px}
.x18icon.printscreen{ background-position-x: -54px}
.x18icon.set{ background-position-x: -72px}
.x18icon.logout{ background-position-x: -90px}
.x18icon.file{ background-position-x: -108px}
.x18icon.arrow{ background-position-x: -126px}
.x18icon.play{ background-position-x: -144px}
.x18icon.top{ background-position-x: -162px}
.x18icon.next{ background-position-x: -180px}
.x18icon.first{ background-position-x: -198px}
.x18icon.last{ background-position-x: -216px}
.x18icon.table{ background-position: 0 -22px}
.x18icon.repair{ background-position: -18px -22px}
.x18icon.add{ background-position: -36px -22px}
.x18icon.del{ background-position: -54px -22px}
.x18icon.edit{ background-position: -72px -22px}

#header{ height: 50px; background: url(image/header_bg.jpg) repeat-x left top;}
.start_pager { position: relative;text-align: center; background-color: #e5e5e3;}
.bg-left{ background: url(image/left.jpg) no-repeat left top;}
.bg-right{ background: url(image/right.jpg) no-repeat right top; height: 620px; position: relative;}

/*主菜单*/
.menu_main { position: relative; z-index: 9; height: 103px; border-bottom: 1px solid #c4c4c4; background: -webkit-gradient(linear,left top,left bottom,from(rgba(250,250,250,0.7)),to(rgba(230,230,230,0.7)));}
.menu_main{margin:0;padding:0;}
.menu_main > li{ height:103px; border-right: 1px solid #d6d6d6; border-left:1px solid #ffffff; list-style: none; float: left; text-align: center;}
.menu_main > li:hover,.menu_main > li.current{  background-color: #e4e4e4; background-color:rgba(228,228,228,0.6); }
.menu_main > li h3{ color:#1b456b;font-weight: bold; }
.menu_main > li .icon{ background: url(image/icon.png) no-repeat left center; height: 50px; width: 50px; margin: 10px auto 0; }
.menu_main > li .icon.network{ background-position-x: 0 }
.menu_main > li .icon.terminal{ background-position-x: -52px }
.menu_main > li .icon.scene{ background-position-x: -104px }
.menu_main > li .icon.business{ background-position-x: -156px }
.menu_main > li .icon.monitor{ background-position-x: -208px }
.menu_main > li .icon.user{ background-position-x: -260px }

.menu_list{position: absolute;z-index: 8;top: 103px; left: 0; height: 200px; background-color:#f0f0f0;  background-color:rgba(240,240,240,0.5); opacity: 0; filter:alpha(opacity=0);text-align: center;border-bottom:1px solid #c4c4c4;}
.menu_list > li{list-style: none; height: 100%; float: left; border-right: 1px solid #cccccc;border-left: 1px solid #ffffff;}
.menu_list > li:hover, .menu_list > li.current{ background-color: #e4e4e4; background-color:rgba(228,228,228,0.6);}

.pagelist{ text-align: left; display: inline-block; margin: 5px auto;}
.pagelist li{ float: none; border: 1px solid #cccccc; border-radius: 5px; background-color: #dddddd; margin-bottom: 3px; height: 24px; line-height: 24px;}
.pagelist li:hover{ border: 1px solid #056c96; background-color: #0092ce; }
.pagelist li a{ color: #000000; display: block; cursor: pointer; padding: 0 5px;}
.pagelist li:hover a{color: #ffffff;}
.pagelist li .icon{ display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-right: 5px; background: url(image/pageicon.png) no-repeat left center;}
.pagelist li .icon.a1{ background-position-x: 0}
.pagelist li .icon.a2{ background-position-x: -16px}
.pagelist li .icon.a3{ background-position-x: -32px}
.pagelist li .icon.a4{ background-position-x: -48px}
.pagelist li .icon.c1{ background-position-x: -64px}
.pagelist li .icon.c2{ background-position-x: -80px}
.pagelist li .icon.c3{ background-position-x: -96px}
.pagelist li .icon.d1{ background-position-x: -112px}
.pagelist li .icon.d2{ background-position-x: -128px}
.pagelist li .icon.d3{ background-position-x: -144px}
.pagelist li .icon.m1{ background-position-x: -160px}
.pagelist li .icon.m2{ background-position-x: -176px}
.pagelist li .icon.m3{ background-position-x: -192px}
.pagelist li .icon.m4{ background-position-x: -208px}
.pagelist li .icon.n1{ background-position-x: -224px}
.pagelist li .icon.n2{ background-position-x: -240px}
.pagelist li .icon.n3{ background-position-x: -256px}
.pagelist li .icon.s3{ background-position-x: -272px}
.pagelist li .icon.s4{ background-position-x: -288px}
.pagelist li .icon.u1{ background-position-x: -304px}
.pagelist li .icon.u2{ background-position-x: -320px}

/*管理视图*/
.manage_map { position: absolute; top: 250px; left: 50%; width:329px; height: 327px; margin-left: -165px; background: url(image/earth.png) no-repeat left top;}
.manage_map a{color: #3f3f3f;display: block; background: url(image/bao.png) no-repeat left top; height: 74px;width:75px; position:absolute;}
.manage_map a:hover{ background-position-y: -74px;}
.manage_map a span{ margin-left: 15px; display:block; font-weight: bold; background:url(image/icon.png) no-repeat left top; width: 50px; padding-top: 45px; }
.manage_map a.icon-network span{ background-position-x: 0 }
.manage_map a.icon-business span{ background-position-x: -156px }
.manage_map a.icon-terminal span{ background-position-x: -52px}

/*导航菜单样式*/
.navigation{ float:left; height:26px; margin-top:24px; background:url(image/navigation_bg.png) no-repeat left top;}
.navigation .navigationmain{background:url(image/navigation_bg.png) no-repeat right top; margin-left:20px; margin-right:-20px; }
.navigation ul{ height:26px;margin-left:-20px; }
.navigation li{ list-style:none; float:left; }
.navigation li a{ display:block; height:26px; text-decoration:none; color:#5f5f5f; font-weight:normal; cursor:pointer; padding-right:12px; margin-left:12px; position:relative;}
.navigation li a span{ display:block; height:26px; line-height: 26px; padding:0 12px 0 22px;margin-left:-12px; float:left;}
.navigation li.current a,#navigation li a:hover{ background:url(image/navigation_bg.png) repeat-x right -26px; padding-right:12px; color:#ffffff; padding-right:12px;}
.navigation li.current a span,#navigation li a:hover span{ text-shadow: rgba(0,0,0,0.5) 0 -1px 2px; background:url(image/navigation_bg.png) repeat-x left -26px; height:26px; line-height: 26px;  margin-left:-12px;}
.navigation li a i{visibility:hidden;}
.navigation li.current a i{visibility:visible; display:block; vertical-align:middle; width:10px; height: 16px; position:absolute; right:12px; top: 5px; background: url(image/close.png) no-repeat left top;}
.addnav{ display: inline-block; height: 20px; width: 23px; margin-left: 20px; margin-top: 25px; cursor: pointer; background: url(image/addbtn.png) no-repeat left top;}
.addnav:hover{ background-position-y: -20px;}
/*导航菜单样式*/

/*工作区*/
.frame{width: 100%; position: absolute; left: 0; top: 50px; visibility: collapse;}
.frame.current{ visibility: visible;}

/*面包屑*/
.crumbdiv{ height: 32px; position: relative; border-bottom: 1px solid #d1d1d1; background: -webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#e9e9e9));}
.crumbdiv .x18icon{ height: 32px; margin-left: 5px; margin-top: 8px;}
/* 多行式面包屑导航-默认竖线分隔 */
.m-crumb{overflow:hidden;line-height:32px; position: absolute; left: 20px; top: 0;}
.m-crumb ul{margin-left:-20px;}
.m-crumb li{float:left;word-wrap:normal;white-space:nowrap;}
.m-crumb li.current a{ color: #00A9DF}
.m-crumb li:before{display:inline-block;width:20px;text-align:center;content:'|';font-size:12px;color:#000000;font-family:\5b8b\4f53;}
/* 箭头分隔 */
.m-crumb-arr li:before{content:'\3E';}

.terminfo{ background-color: #f6f6f6; box-shadow: 0 0 5px #999999; line-height: 38px }

/*按钮*/
.button{ border:1px solid #c7c7c7; display: inline-block; margin-left: 5px; cursor: pointer;}
.button span{ display: block; padding: 0 5px;line-height: 22px; border: 1px solid #f7f7f7; background: -webkit-gradient(linear,left top,left 0.3,from(#fefefe),to(#ececec));}
.button:hover{ border: 1px solid #90bed4;}
.button:hover span{ border: 1px solid #eaf1f8; background: -webkit-gradient(linear,left top,left bottom,from(#dde9f4),to(#bdd1e5));}
.button.small span{ line-height: 16px;}

/*webpart样式*/
.webpart{ border: 1px solid #cccccc; position: relative}
.webpart .wp_top,.leftWebpart .wp_top,.rightWebpart .wp_top{ height: 30px; padding-left: 5px; line-height: 30px; font-weight: bold; color: #5f5f5f; background: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#f0f0f0)); border: 1px solid #ffffff;}
.webpart .wp_top > img,.leftWebpart .wp_top > img,.rightWebpart .wp_top > img{ vertical-align: top; display: inline-block; margin: 8px 3px 0 5px;}
.webpart .wp_top > span,.leftWebpart .wp_top > span,.rightWebpart .wp_top > span{ display: inline-block;}
.webpart .wp_top .ztool{ float: right; margin-right: 5px; font-weight: normal;}
.webpart .wp_main{background: #ffffff; height: 100%; overflow-y: auto; border-top:1px solid #cccccc; }
.webpart .wp_main.table .ui-widget-content{ border: none; }
.webpart .wp_main.table{ overflow-x: hidden;}
.webpart .wp_main.table1{ height: 179px;}
.webpart .wp_main.table2{ height: 436px;}
.webpart .wp_top.small{ height: 26px; line-height: 28px;}
.webpart.blue{ border: 3px solid #8D8D8D;}
.ui-jqgrid tr.ui-row-ltr td{ border-color: #cccccc!important}
/*.webpart.blue .wp_top{ border: 1px solid #ffffff; background: -webkit-gradient(linear,left top,left bottom,from(#CFF0FF),to(#91B9C9)); position: relative;}*/
/*.webpart.blue .wp_main{ background: #f0f0f0; border-top:1px solid #5498BE;}*/
.webpart.blue .wp_top .close{position: absolute; right: 5px; top: 0; line-height: 36px; cursor: pointer; color: #E48000;}
.webpart.blue .wp_top .close:hover{ color: red;}

/*分页样式*/
.sortpage{ text-align: center; height: 30px; line-height: 30px;background: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#f0f0f0)); border-top:1px solid #cccccc;}
.sortpage > *{ font-size: 14px; display: inline-block}
.sortpage > a img{ vertical-align: middle}

/*网元列新增select*/
.addselect{ width: 20px; line-height: 20px; float: right; border: none; background: none}
.addselect option:first-child{ display: none;}

/*网络指标 面包屑控制 多表格*/
.navwpwraper{ position: relative;  margin:8px;}
.navwpwraper > div{ position: absolute;left: 0; top:0; width: 100%; visibility: hidden}
.frame.current .navwpwraper > div.current{ visibility: visible}

.wpwraper{ position: relative;}
.wpwraper .webpart{ margin-bottom: 8px;}

/*弹出框*/
.c_dialog{ display: none;}
.c_dialog table{ }
.c_dialog table td{}
.c_dialog select{ width: 180px}
.c_dialog input{ vertical-align: middle}
/*.c_dialog .webpart .wp_main{ padding: 5px;}*/

.ztree{ border:1px solid #cccccc; overflow: auto;}
.searchtxt{ margin-bottom: 5px; width: 100%; border:1px solid #cccccc; height: 22px; line-height: 22px; background:#ffffff url(image/zoom.png) no-repeat right center}
.hchart{ height: 245px;}

/*悬浮框*/
.floatdiv{ width: 100%; position: absolute; top: 0; left: 0; }
.floatdiv>div{ box-shadow: 0 0 10px #dddddd; margin: 10px; position: relative;}
.floatdiv .webpart{}
.floatdiv .arrow{ position: absolute; bottom: -12px;left: 50%; margin-left: -10px;}
.leftdiv{ float: left; height: 100%; width: 50%; white-space: nowrap;overflow: auto}
.rightdiv{ float: right; height: 100%; width: 50%;}
.ztree{ border:none;}
.lastli{ width: 50px!important; border-right: none!important;}
.linediv{}
.titlelist{ background-color: #e0e0e0; font-size: 0; border-bottom: 1px solid #cccccc;}
.titlelist li{ display:inline-block; line-height: 24px; font-size: 12px; width:200px;}
.titlelist li:first-child{ width: 150px; }
.xllist{ margin-right: -1px; height: 200px; }
.xllist > li{ border-bottom: 1px dashed #dddddd; background-color: #f5f5f5; position: relative; cursor: pointer;}
.xllist > li.current{ background-color: #D1E3FA; border-bottom: 1px dashed #ffffff;}
.xllist > li:hover{ background-color: #e0edfc }
.xllist ul{ margin:0; font-size: 0px; }
.xllist ul li{ display: inline-block; width: 199px;line-height: 40px; border-right: 1px dashed #00a7ed; margin: 5px 0; font-size: 12px;}
.xllist ul li:first-child{ width: 150px;}
.xldiv{ position: relative;}
.xldiv .infodiv{ position: absolute; height: 100%; top: 0; line-height: 24px;}
.xldiv .infodiv h1,.xldiv .infodiv h2{ margin: 0; padding: 0 3px; font-size: 12px; color: #000000}
.xldiv .infodiv h1{ border-bottom: 2px solid #00c400;}
.linearrow{position: absolute;top: 50%; margin-top: -5px; border-style: solid;border-width: 5px 10px;padding: 0;width: 0;height: 0;font-size: 0;line-height: 0;overflow: hidden;}
/*拉线图颜色控制*/
.xldiv .infodiv.green h1{ border-bottom: 2px solid #00c400;}
.xldiv .infodiv.blue h1{ border-bottom: 2px solid #0085FF;}
.blue .linearrow.right{ right: 0;margin-right: -10px;border-color: transparent transparent transparent #0085FF;}
.blue .linearrow.left{ left: 0;margin-left: -10px;border-color: transparent #0085FF transparent transparent;}
.green .linearrow.right{ right: 0;margin-right: -10px;border-color: transparent transparent transparent #00c400;}
.green .linearrow.left{ left: 0;margin-left: -10px;border-color: transparent #00c400 transparent transparent;}

/*三角形*/
.svg-triangle{ margin: 0 auto;width: 20px;height: 10px; -webkit-filter: drop-shadow(0 10px 10px rgba(200,200,200,1));}
.svg-triangle polygon { fill:#8D8D8D;}

/*颜色控制*/
.green{ color: green}
.red{ color: red}
.hui{ color: #ccc;}

/*位置控制*/
.center{ text-align: center;}
.vmdiv > *{ vertical-align: middle;}

/*列表(号码)*/
.listbox{ border: 1px solid #cccccc; padding:2px; background-color: #ffffff;}
.listbox li{ border: 1px solid #cccccc; background-color: #f0f0f0; padding-left: 5px; line-height: 24px; margin: 2px;}
.listbox li .ztool{ float: right; cursor: pointer;}
.listbox li .ztool a{ margin: 0 3px;}
.tracklist{ position: absolute; top: 5px;left: 140px; }
.tracklist li{ position: relative; float: left; border-radius: 3px; border: 1px solid #bbbbbb; background-color: #e0e0e0; margin-right: 5px; height: 24px; line-height: 24px; padding: 0 20px 0 5px; cursor: pointer;}
.tracklist li.current{ background-color: #BEE9B8; border: 1px solid #36B41E}
.delbtn{ display:block; vertical-align:middle; width:16px; height: 16px; position:absolute; right:0; top: 4px; background: url(image/close.png) no-repeat left -16px;}

/*实时监控*/
.widgetlist{}
.widget{ float: left; width: 49%; margin: 5px 0.5% 5px 0.5%}
.widget>div{ border: 1px solid #cccccc; background-color: #ffffff;}
.widget .widgetheader{ position: relative; padding-left: 5px; color: #5f5f5f; font-weight: bold; border: 1px solid #ffffff; line-height: 26px; background: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#eeeeee));}
.widget .widgetcontent{ border-top:1px solid #cccccc; }
.rtbtn{ position: absolute; right: 5px; top: -1px; border: 1px solid #aaaaaa; border-radius: 0 0 3px 3px; display: block; cursor: pointer; border-top: none; padding: 0 5px; line-height: 20px;}
.rtbtn:hover{ background-color: #ffffff;}
.rtbtn span{display: block; width: 16px; height: 16px;margin: 1px 0; background: url(image/controlicon.png) no-repeat left top;}
.rtbtn.min span{ background-position: 0 0;}
.rtbtn.max span{ background-position: -16px 0;}
.widgetpart h1{ font-size: 12px; font-weight: normal;}

/*故障分析*/
.charts{float: left; width: 49%; margin: 5px 0.4%; border: 1px solid #cccccc}
.ui-selected{background-color: #00a7ed}
.ui-selectable li{padding: 3px; border-bottom: 1px solid #aaaaaa}
.widgetpart h1{ font-size: 12px; font-weight: normal;}

/*SpecialtyAnomalousEventAnalysis.html页面  by:zdc*/
.anomalouseDownload{float:right;margin:5px 10px;}
.leftWebpart .wp_top{border-bottom:1px solid #cccccc;}
.rightWebpart .wp_top{border:1px solid #cccccc;}
.leftWebpart{float:left;width:298px;margin-right: -300px;position: relative;height: 535px;overflow-x: hidden;border:1px solid #cccccc;}
.leftWebpart .leftWPartTable{background-color: #ffffff;width: 300px;border-collapse:collapse }
.leftWPartTable tr{border-bottom:1px solid #cccccc;height: 25px;line-height:25px;}
.leftWPartTable td,.leftWPartTable th{text-align: center}
.leftWPartTable th{border-right: 1px solid #CCCCCC;background-color: #f1f1f1;}
.leftWPartTable tbody tr:hover{background: #dae9fc url(ui-lightness/images/ui-bg_highlight-soft_25_ffef8f_1x100.jpg) 50% top repeat-x; color: #2779AA;}
.leftWPartTable .selectRowCur{background: #dae9fc url(ui-lightness/images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% top repeat-x;}
.rightWebpartContainer{float: right;width: 100%}
.rightWebpart{margin-left:310px;display:none;}
#rightWebpart0{display: block;}
#rightWebpartTab0-1 .hchart{overflow-x: auto;}
.jqGridOutter{overflow-x: auto;}

/*AlarmQurey.html页面 by:wy*/
.red{margin-right: 5px; border-left: 5px solid #ff0000; border-right: 5px solid #ff0000}
.yellow{margin-right: 5px; border-left: 5px solid #ffff00; border-right: 5px solid #ffff00}
.blue{margin-right: 5px; border-left: 5px solid #0000ff; border-right: 5px solid #0000ff}
.num{margin-right: 15px}
.totalnumber{margin: 0 16px}
.wrapperspan{float: right; margin-right: 50px}

/*UsersComplaint.html页面*/
.abormalcontainer{overflow-y: auto; overflow-x: hidden;}
.analysistablebutton{float: right; margin-top: 2px; margin-right: 3px}
.container{height: 550px; overflow-y: auto}
.businessoptionstitle li{display: inline}
.leftcontent{float: left; margin: 10px; width: 545px}
.tablecontent{float: right; margin: 10px; width: 755px}
.rightontent{float: left; padding: 10px}
#netabnormal{position: relative}
.printlistdialog li{margin: 8px 5px}
.userlisttable{ background-color: #f9f9f9; float:right; width: 100%}
.tabletitle{border: 1px solid #cccccc; border-bottom: none; margin: 0px; padding: 8px; font-weight: bold; line-height: 18px; background-color: #f9f9f9}
.analysis{float: right; margin-top: -4px}
.artdialog{padding: 5px}
.btnlist{margin-top: -32px; float: right}
.btnlist li{display: inline; float: left}
.listtitle{border: 1px solid #cccccc; background-color: #e8e8e8; line-height: 20px; font-weight: bold; padding: 5px 8px}
.listtitle li{display: inline; margin-right: 120px}
.ulcontent{border: 1px solid #cccccc; border-top: none; padding: 0 5px; overflow-y: auto}
.userslist{border: 1px solid #cccccc; background-color: #f0f0f0; margin-bottom: 3px; margin-top: 3px}
.userslist li{display: inline; line-height: 25px}
.abnorlisthead{color: #609bc9; font-weight: bold; line-height: 35px; background-color: #ececec; border-bottom: 1px solid #cdcdcd}
.abnorlisthead li{display: inline-block; padding-left: 5px;}
.abnorlistbody{ line-height: 24px; height: 280px; background-color: #ffffff; overflow-y: auto;}
.abnorlistitem{border-bottom: 1px dotted #cdcdcd; }
.abnorlistitemfocus{background-color: #FFEDBE;}
.abnorlistitem:hover{ background-color: #FFF8E5}
.abnorlistitem span{padding-left:5px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; line-height: 32px; }
.btn{border: 1px solid #cccccc;  width: 160px; background-color: #f0f0f0; margin: 10px auto}
.btn li{display: inline-block; }
.btn li a{ display: block;line-height: 30px; text-align: center; width: 80px; }
.active{ background-color: #58becc}
.business{border: 1px solid #cccccc; padding: 5px; background-color: #f1f1f1}

/*用户感知分析*/
.chartbd{margin: 5px; border: 1px solid #cccccc}
.relative{ position: relative; height: 400px; margin: 5px}
.map{border: 1px solid #cccccc; width: 400px; position: absolute; left: 0; top:0;}
.mapoption{ position: absolute; left: 5px; top: 5px;}
.mapoption b{ width: 16px; height: 16px; line-height: 16px; display: inline-block;}
.mapoption span{ display: inline-block; line-height: 16px; padding-left: 3px; vertical-align: top;}
.option_red b{ background-color: red; }
.option_yellow b{ background-color: yellow; }
.option_blue b{ background-color: blue; }
.option_green b{ background-color: green; }
.selectGrid{ margin-left: 410px;}
.totalAnalysis h3{margin: 0; padding: 10px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc}
.detailAnalysis{ margin: 5px 0.1%; float: left; width: 50%;overflow: auto}
.failreason,.mutilport{width: 600px; overflow: auto}
.pageList li{float: left; padding: 5px;}
.pageList li{float: left; padding: 5px;}

/*listtab*/
.tablistdiv{ text-align: center;}
.tablist{ overflow: hidden; display: inline-block; margin: 5px auto 0; }
.tablist li{ float: left; border: 1px solid #cccccc; background-color: #ffffff; border-radius: 3px; cursor: pointer; line-height: 26px; padding: 0 10px; margin: 0 2px;}
.tablist li.current{ background-color: #2F99D5; border: 1px solid #0078C9; color: #ffffff; }
/*用户业务感知分析*/
.sliderbar{margin: 15px 30px 15px 100px;}
.slider{width: 96%; position: relative; left: 10px;}
.scale{float: left;}
.qostime{line-height: 30px;font-weight: bold;}
.userbpaset{ position: absolute; right: 5px; top: 5px;}
.setting_leftlist b,.setting_leftlist span{ display: inline-block; width: 100px; line-height: 24px; vertical-align: middle}
.setting_leftlist input{ width: 30px; margin-right: 3px;}
.setting_rightlist b,.setting_rightlist span{ display: inline-block; width: 210px; line-height: 24px; vertical-align: middle}
.setting_rightlist .one{width: 170px;}
.setting_rightlist input{ width: 40px; margin:0 3px;}
.setting_bottomlist b,.setting_bottomlist span{ width: 100px;}
.setting_bottomlist li{ float: left; width: 300px; margin-bottom: 10px;}
.setting_bottomlist input{ width: 40px; margin:0 3px;}

/*loading*/
.loading{ position: absolute; left: 0; top: 0; z-index: 999999; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.loading > div{ width: 150px; height: 80px; margin-left: -75px; margin-top: -40px; box-shadow: inset 0 0 1px #ffffff; border: 1px solid #000000; border-radius: 10px; background-color: #3d3d3d; position: absolute; left: 50%; top: 50%; text-align: center;}
.loading h2{ color: #ffffff; font-weight: normal; font-size: 14px; line-height: 14px; margin: 0;}
.loading img{ height: 50px; margin-top: 2px;}

/*场景分析*/
.row, .linerow{ margin: 3px 0}
.row, .linerow table{ width: 100%; border-spacing: 0;}
.linerow p{ margin: 0; padding:0; word-break:break-all;}
.linerow td{ border-bottom: 1px dashed #cccccc; line-height: 24px;}
.linerow th{ border-bottom: 1px dashed #cccccc; line-height: 24px; vertical-align: top;}
.valign_content{ display: block;}
.valign_content > *{ vertical-align: middle }
.valign_content > input[type='text']{ width: 55px;}
.cjfloatdiv{ position: absolute; top:-205px; left: -65px; cursor: default;width: 420px;z-index: 999;}
.cjfloatdiv .top{ border:1px solid #929292; border-bottom: 0; border-radius: 3px 3px 0 0; background: #eeeeee;}
.cjfloatdiv .top h1{ margin: 0 5px; line-height: 30px; color: #2268a9; border-bottom: 1px solid #dcdcdc; font-size: 14px;}
.cjfloatdiv .top > div { margin: 0 5px; border-top: 1px solid #ffffff; padding: 3px 0}
.cjfloatdiv .bottom{ height: 50px;}
.cjfloatdiv .bottom .btndiv{ border: 1px solid #3c81bf; border-radius: 0 0 3px 3px;}
.cjfloatdiv .bottom .btndiv > div{ border: 1px solid #82b4e4; border-radius: 0 0 3px 3px; height: 38px; background-color: #3788d4;}
.cjfloatdiv .bottom .control{ float: right; margin-right: 5px; margin-top: 5px;}
.cjfloatdiv .bottom .btndiv input[type=button]{ height: 28px; width:48px; line-height: 26px;}
.cjfloatdiv .bottom .arrow{ width: 25px; height: 12px; margin-top: -2px; margin-left: 60px; background: url(image/arrow.png); display: block;}
.modelbtn{ position: relative; display:inline-block;*display:inline; *zoom:1; margin:2px; height:24px; line-height:24px; width: 80px; text-align: center; border: 1px solid #c8c8c8; background: #ffffff;}
.modelbtn span{margin-right: 10px;}
.modelbtn .delete{ position: absolute; right: 3px; top:5px; display: block; width: 16px; height: 16px; background:url(image/delete.png); cursor: pointer }

.modelul{ display: inline;}
.modelul li{ list-style: none; margin: 3px; cursor: pointer; float: left; height:24px; line-height:24px; width: 80px; text-align: center; border: 1px solid #c8c8c8; background: #ffffff; color: #a0a0a0;}
.modelul li.current{ border: 1px solid #216aae; background: #3788d4; color: #ffffff;}
.modelwp{max-height: 320px; overflow: auto;}
.modelwp .webpart{ width: auto; margin-bottom: 5px;}
.modelwp .webpart .wp_main{ padding:0;}

/*批量用户投诉*/
.additiondiv{}
.additiondiv span{ display: inline-block; background-color: #e0e0e0; text-align: center; line-height: 24px; height: 24px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }
.iconbtn{ cursor: pointer;}

.webpart{ display: block;}
.webpart .wp_main{ border-top: 1px solid #cccccc; background: #ffffff; overflow-y: auto;}
.webpart .smallheader{ line-height: normal; height: 23px; font-weight: normal; padding-left: 5px; padding-top: 3px;}
.detailbtn{ display: block; padding-top: 3px; height: 23px; color: #5f5f5f;}
.detailbtn img{ float: right; margin-right: 5px; }
.detailbtn span{ }
.detailbtn:hover{ color: #1E478C;}
.ztool{ position: relative;}
.ztool select{ position: absolute; right: 5px; top:3px;}

/*水印*/
.watermark{ color: #CCCCCC}
.search{ padding: 3px 5px; border: 1px solid #CCCCCC; border-bottom: none; background: #e9e9e9;}
.search input{ width: 60px;}
.ztree{ overflow: auto;}

.timeul{ border:1px solid #cccccc; background: #ffffff; display: inline-block; *display:inline; *zoom:1; padding: 3px; width: 98%; height: 92px; overflow: auto;}
.timeul li{ list-style: none; cursor: pointer; line-height: 20px; border: 1px solid #ffffff; padding-left: 5px; margin: 1px;}
.timeul li:hover{ border: 1px solid #BADDEC; background: #E4FBFF; }
.timeul li.current{ border: 1px solid #98BBCA; background: #C2E9FF; }
.timeuldisable{ border:1px solid #cccccc; background: #EBEBE4; display: inline-block; padding: 3px; width: 292px; height: 92px; overflow: auto;}
.timeuldisable li{ list-style: none; cursor: pointer; line-height: 20px; border: 1px solid #EBEBE4; padding-left: 5px; margin: 1px;}

.select_all {line-height: 25px; font-size: 12px;background: #36B41E;padding: 0px 8px;border: 1px solid #ccc;color:white;float: right;margin:2px 15px;}

/*查询页面新初始化背景*/
.initbg{ background:#f1f1f1 url('image/initbg.png') no-repeat center center; position: absolute; left: 0; top: 45px; z-index: 1000; width: 100%; height:100%;}
.nodata{ background: url(image/nodata.png) no-repeat center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

/*批量用户投诉-new*/
.webpart2{}
.webpart2 .wp_top{ background-color: #f1f1f1; background-image: none; border: 1px solid #c2c2c2; font-size: 12px; font-weight: bold; line-height: 30px; padding-left: 5px;}
.webpart2 .wp_main{ border: 1px solid #cbcbcb; border-top: none;}
.floatrdiv{border: 1px solid #cccccc; background-color: #f1f1f1; margin-left: 8px; padding: 8px; border-radius: 6px; box-shadow: 0 0 5px #cccccc;}

/*gis应用*/
.LbsMapCtrl{width: 100%;height: 100%;position: relative}
.mapCan,#mapPlace{height: 100%;width: 100%}
.select_group{width: 220px;height: 400px; position: absolute;top: 0px;left: 10px;z-index: 999;}
.select_group .choice{opacity:0.6;height: 40px;width: 100%;background: #fff}
.select_group .choice p {height: 30px;line-height: 30px;padding: 6px 0 0 25px;font-size: 14px;font-weight:normal}
.select_group .choice span.exp{font-size: 12px;color: #0085FF;cursor: pointer}
.select_group .groups{height: 300px;width: 100%;background: #fff;opacity: 0.8;overflow-y: auto;margin-bottom: 0px}
.select_group .groups ul.group li{width: 100%;height: 30px;line-height: 30px;text-align: center;}
.select_group .groups ul.group li a{width: 140px;background:#aaa;cursor: pointer; border-radius:1px;color:#000;height: 25px;line-height: 25px;display: block;margin: 0 auto}
.select_group .groups ul.group li a:hover{background: #333;color: #fff}
.select_group .btn_drawn{height: 40px;background-color: #fff;opacity: 0.7;line-height: 40px;margin-top: 0px;padding: 5px 10px;text-align: center}
.select_group .btn_drawn a{width: 50px;background:#000;padding: 8px 8px;cursor: pointer; border-radius:3px;color:#fff; }
.warning{height: 100px;width: 300px;position: absolute;left: 600px;top:0px;border:1px solid #ccc;background: white}
.warning .w_head{height: 30px;background: #eee;line-height: 30px;}
.warning .w_head span{display: block;float: left}
.warning .w_head .warn{text-align: center;width: 250px;}
.warning .w_head .close{text-align: center;width: 50px;}
.warning .w_head .close a{background: #aaa;text-align: center;width: 40px;height: 20px;line-height: 20px;margin-top: 5px;padding: 4px;border: 1px solid #333;cursor: pointer}
.warning .w_content{text-align: center;color: #1c6a9e}

.schoolcontent{ background-color: #ffffff;}

/*34G用户高驻留支撑平台*/
.listmenu{ overflow: auto; margin-top: 3px; display: inline-block}
.listmenu li{ float: left;  border: 1px solid #aaa8ab; border-right: none; cursor: pointer; }
.listmenu li:last-child{ border-right: 1px solid #aaa8ab;}
.listmenu li a{ display: block; padding:0 5px; font-weight: normal; color: #333333; border: 1px solid #ffffff; height: 20px; line-height: 20px; background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffeff), color-stop(1, #e3e1e2))}
.listmenu li.current a{border: 1px solid #cae1ff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d7e7ff), color-stop(1, #9db3da))}
.inputdiv{ padding: 5px;}
.inputdiv > *{ margin: 5px;}
.arrowhr{ background:url(image/arrow_down.png) no-repeat center center; height: 20px;}

/*ztree样式修改*/
.ztree li a.curSelectedNode{ background-color:#94D4FF!important; border: 1px solid #4287BD!important }

/*gis地图 by luojian */
#selectztree{ border: 1px solid gray; background: #ffffff;}
.sjjk{ margin-bottom: 10px;}
.fxds,.cxtime,.zdtime,.op-mode{ margin-bottom: 5px;}
.sjjk input{ vertical-align: middle; margin-left: 10px;}
.cxtime input[type='text']{ width: 100px;}
.zdtime select{ width: 100px;}

select[disabled='disabled']{background-color: #f0f0f0;}

span .col{font: bolder;}

.fcarealist{ position: absolute; top: 50px;left: 0;z-index: 1001;height: 460px;}
.fcarealist .expctlbtn{ float: left; width: 20px; cursor: pointer; margin-top: 200px; border: 1px solid #cccccc; border-left:none; border-radius: 0 5px 5px 0; padding: 3px; line-height:18px; background-color: #e0e0e0; text-align: center;}
.fcarealist .expander{ float: left; border: 1px solid #cccccc; border-radius: 0 5px 5px 0; background-color: #f0f0f0;}
.panelInfo{ position: absolute; top: 50px;left: 0;z-index: 1001;height: 460px;}
.panelInfo .expctlbtn{ float: left; width: 20px; cursor: pointer; margin-top: 110px; border-left:none; border-radius: 0 5px 5px 0; padding: 3px; line-height:18px; background-color: #e0e0e0; text-align: center;}
.panelInfo .expander{ float: left;  border-radius: 0 5px 5px 0; cursor:pointer; background:#ffffff;}

.tooltipInfo_link { position: relative !important;}
/*提示信息*/
.tooltipInfo { display: none; position: absolute !important; width: 90px; background: rgba(61,102,143,0.9);padding: 5px; margin: 0 0 12px 50px; color: #fff;z-index: 100; bottom: 100%;text-align: center;font-weight: bold;font-size: 11px;}
/*
.tooltipInfo:after {
    content: "";
    position: absolute !important;
    bottom: -14px;
    z-index: 100;
    border: 0 solid rgba(61,102,143,0.9);
    border-bottom: 14px solid transparent;
    width: 100%;
}
 
.tooltipInfo:before {
    content: "";
    position: absolute !important;
    border: 0 solid rgba(61,102,143,0.9);
    bottom: -14px;
    z-index: 100;
}
 */
.tooltipInfo.center { border-radius: 5px;}
.tooltipInfo.center:after { border-left-width: 10px; width: 50%; left: 50%;}
.tooltipInfo.center:before { border-right-width: 10px; border-bottom: 14px solid transparent; width: 50%; right: 50%;}

/*左侧tab*/
.lefttab{ position: absolute; left: 0; top: 0; width: 26px; margin-left: 4px;}
.lefttab li{ border: 1px solid #cccccc; cursor: pointer; border-right: none; border-radius: 5px 0 0 5px; margin: 5px 0; padding: 5px 4px; text-align: center; line-height: 20px;}
.lefttab li.current{ background-color: #ffffff; border-color: #299BD1; color: #3B7996; font-weight: bold;}
.lefttab_content{ margin-left: 30px; border:1px solid #cccccc;}
.highcharts-container{overflow: visible!important; }

/*浮动窗体*/
.expanderdiv{ position: absolute; top: 0; min-width: 27px;}
.expanderbtn{ width: 20px; margin-top: -40px; cursor: pointer; border: 1px solid #cccccc; padding: 3px; line-height:18px; background-color: rgba(200,200,200,0.5); text-align: center;}
.expandercontent{ display:block}
.expanderdiv.left{left: 1px;}
.expanderdiv.left .expanderbtn{position: absolute; right: 0; top: 50%; border-left:none; border-radius: 0 5px 5px 0;}
.expanderdiv.left .expandercontent{margin-right: 27px; border-radius: 0 5px 5px 0;}
.expanderdiv.right{right: 1px;}
.expanderdiv.right .expanderbtn{position: absolute; left: 0; top: 50%; border-right:none; border-radius: 5px 0 0 5px;}
.expanderdiv.right .expandercontent{margin-left: 27px; border-radius: 5px 0 0 5px}

.rightbottom{float:right;height:15px;}
/*HotPointBusiness*/
.selectfrom{ border: 1px solid #ccc; margin-bottom: 10px; padding: 5px;}
.selectfrom select{ width: 180px}
.selectfrom input{ vertical-align: middle}
.selectfrom > *{ margin: 3px;}
.selectfrom a{ text-decoration: underline; color: #3D79CC;}
#starttime1,#starttime2,#endtime1,#endtime2{ width: 180px}
.rqs1{ font-weight: bold;}
.rqbtn{ padding: 2px 20px; vertical-align: 0!important;}
.tab{ padding: 0!important;}
.tab li a{ height: 30px!important; line-height: 30px!important; padding: 0 20px!important; font-size: 14px;}
.bian{ margin-bottom: 10px;}
.bk{ margin: 10px 0;}
#subtabs_01,#subtabs_02,#subtabs_03{ padding: 10px;}
.kuan{ width: 50px;}
.homes{ display: block; height: 40px; line-height: 40px; padding: 0 10px; font-size: 14px; background: #fff; color: #a1a1a1;}
.kdb{ overflow-x: hidden; padding: 10px; background: #fff; text-align: center;}
.kdbdiv{ display: inline-block; vertical-align: middle; text-align: center; width: 19%;}
.kdbdiv div span{ display: block; color: #333333; font-size: 15px; font-weight: bold; margin-bottom: 10px;}
.hometable{ text-align: center; background: #fff;}
.hometable .webpart{ display: inline-block; width: 32%;}
.tablew1{ background: #f1f1f1; border-bottom: 1px solid #cccccc; text-align: center; height: 90px; width: 100%;}
.tablew2{ background: #fff; border: 1px solid #cccccc; text-align: center; width: 600px; position: absolute; top: 20px; left: 240px; z-index: 9;}
.prompt{ color: #ff0000; margin: 10px 0 0 5px;}
.dcsj{ padding: 2px 10px; margin: 3px 10px 0 0; float: right;}
.dcsj1{ padding: 2px 10px; margin: 8px 10px 0 0; float: right;}
#starttime,#starttime1,#starttime2,#endtime,#endtime1,#endtime2{ width: 198px;}
.ranking{ line-height: 26px; position: absolute; left: 40px; top: 60px; z-index: 2;}
.trcolor1{ color: #ff0000;}
.trcolor2{ color: #ffb203;}
.trcolor3{ color: green;}
.tr1td{ text-align: left; padding-left: 10px; color: #000000;}
.tr2td{ font-size: 30px; color: #000000;}
.tr3td{ text-align: right; padding-right: 10px;}
.ui-tabs-nav{ background: #E2EDFB!important;}
#subtabs_01>.tabs,#subtabs_02>.tabs{ margin-top: 10px;}
.centers{ text-align: center;}
.lefts{ text-align: left;}
.tablew{ width: 39.5%; display: inline-block;}
.zxt{ display: inline-block; width: 58%;}
.bt{ display: inline-block; width: 49%; overflow: hidden; margin-top: 5px; border: 1px solid #cccccc;}
.bt .hchart{ height: 360px;}
.kdbdiv div ul{ color: #999999; width: 50%;}
.kdbdiv div ul li{ margin-bottom: 5px;}
.sm1{ text-align: right; float: left;}
.sm2{ text-align: left; float: right;}
.newpopup{ padding: 5px 30px;}
.newpopup span{ display: inline-block; width: 70px; text-align: right;}
.newpopup input,.xztck select{ margin: 5px 0;width: 300px;}
.newpopup select{ width: 310px;}
.dingwei{ position: relative;}
.dingwei1{ position: absolute; top: 50px; right: 10px; z-index: 9;}
.dingwei2{ position: relative; top: 5px; left: -18px; }
.dis{ display: inline-block;}
.ybj{ margin-right: 17px;}
.zxt .highcharts-container{ border: 1px solid #cccccc; width: 100%!important;}
.topdata{ width: 50px; display: inline-block; margin: 0 5px;}
.exportdatapopup{ padding: 20px;}
.area{ vertical-align: -15px; width: 167px;}
.btnalign{ vertical-align: -2px; margin-bottom: 10px;}
.keytrends{ text-align: center;}
.zxtw{ width: 98%; display: inline-block;}
.cred{ color: #ff0000;}
#subtabs_01 .tabs{ position: relative;}
#subtabs_04{ text-align: center;}
#subtabs_02 #subtabs_04{ text-align: center;}
.netchar{ display: inline-block; width: 49%; overflow: hidden; margin: 5px 0; border: 1px solid #cccccc;}
#subtabs_user,#subtabs_com,#subtabs_ter,#subtabs_user1,#subtabs_com1,#subtabs_ter1{ overflow-y: auto; height: 200px; width: 262px;}
#subtabs_user input,#subtabs_com input,#subtabs_ter input,#subtabs_user1 input,#subtabs_com1 input,#subtabs_ter1 input{ width: 242px;}
.rqs2{ font-weight: bold; text-overflow: ellipsis; width: 400px; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: -6px;}
.customtab1{ background: url("image/u11.png") no-repeat;}
.customtab2{ background: url("image/u5.png") no-repeat;}
.customtab1,.customtab2{ display: inline-block; width: 218px; height: 45px; text-align: center; line-height: 45px; font-size: 20px; color: #fff;}
.index{ z-index: 9; position: relative; left: 27px;}
.custompage1{}
.custompage2{ display: none;}
.custompage1 > *,.custompage2 > *,.ts > *,.gzpz > *{ margin: 3px;}
.custompage2 ul{ border: 1px solid #ccc; overflow-y: auto; height: 300px; padding-left: 10px; width: 50%; float: left;}
.ts{ display: none; border: 1px solid #ccc; margin-top: 5px;}
.rqs3{ font-weight: bold; text-align: center;}
.va{ vertical-align: -1px!important;}
.ml{ margin-left: 92px;}
.rqs4{ display: inline-block; padding: 5px 0; background: #0099ff; color: #fff; text-align: center; width: 80px;}
.gzpz{ display: inline-block; border: 1px solid #ccc; padding: 5px;}
.gzpz1,.gzpz11{ width: 269px;}
.gzpz > li:nth-child(3){ margin-left: 30px;}
.rps5{ vertical-align: 26px;}
.gzpz1{ display: inline-block; text-align: right;}
.gzpz11{ float: left; border: 1px solid #ccc; padding: 5px; height: 154px; overflow-y: auto;}
.wwxt{ float: left; vertical-align: 69px; margin-left: 50px;}
.gzpz11 > .dis > input{ margin: 3px 0;}
.both{ clear: both;}
.sm2 img{ vertical-align: -4px; margin-left: 5px;}
.sw{ width: 220px!important;}
.area1{ width: 370px; height: 250px;}
.xiala{ float: right; margin: 4px 5px 0 0;}

/*4g小区驻留比*/
#tabblecontent{
    width: 100%;
}
#tabblecontent td{
     width: 50%;
     text-align: center;
 }

#exhibitor114{ margin:0 auto;width:auto;height:100%;padding: 5px;overflow: hidden;}
#exhibitorleft{ float:left; width:50%; height:100%;text-align: center;}
#exhibitorright{ float:left; width:50%;height:100%;text-align: center;}

/*资源调度模块*/
.dispatch-main{
    margin: 0px 5px 5px 5px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.addnewquery{
    height: 30px;
    width: 100px;
    line-height:30px;
    text-align:center;
    background-color: #2bbcff;
    color: #ffffff;
    font-size: 15px;
}
.addnewrow{
    width: 0;
    height: 0;
    border-bottom: 30px solid #2bbcff;
    border-right: 30px solid transparent;
}
.dispatch-top div{
    display: table-cell;
}
.dispatch-top hr{
    height:2px;
    background-color: #2bbcff;
    border:none;
    margin:0px;
}
.dispatch-tabs{
    margin: 10px 20px;
}

.dispatch-tabs .current{
    z-index: 9;
    position: relative;
    background: url("image/u11.png") no-repeat;
}
.dispatch-tab{
    background: url("image/u5.png") no-repeat;
}
.dispatch-tabs div{
    display: inline-block;
    width: 218px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}
.datepicker{
    width: 198px;
}
.table-condition{
    border: 1px solid #cccccc;
    margin: 10px 20px;
    border-collapse:collapse;
}
.table-condition td{
    border: 1px solid #cccccc;
    padding: 10px 30px;
    /*width: 280px;*/
}
.table-condition td:first-child{

}
.dispatch-button{
    padding: 5px 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    color: #ffffff;
    background-color: #2bbcff;
    margin-right: 50px;
    font-size: 13px;
    cursor: pointer;
}
.division-line{
    height:2px;
    background-color: #2bbcff;
    border:none;
    margin:0px;
}
.currentpage{
    display: block;
}
.content{
    display: none;
}
.divtree{
    height: 150px;
    width: 250px;
    overflow: auto;
}

/*radio和checkbox*/
.label-rc{
    margin:0px 20px 0px 0px;
    display:inline-block;
    cursor: pointer;
}
.input-rc{
    display:none;
}

/*radio*/
.label-radio-input{
    background-color:#fff;
    border:1px solid rgba(0,0,0,0.15);
    border-radius:100%;
    display:inline-block;
    height:16px;
    margin-right:10px;
    margin-top:-1px;
    vertical-align:middle;
    width:16px;
    line-height:1;
}
.input-rc:checked + .label-radio-input:after{
    background-color:rgb(0,153,255);
    border-radius:100%;
    content:"";
    display:inline-block;
    height:12px;
    margin:2px;
    width:12px
}

/*checkbox*/
.label-checkbox-input{
    background-color:#fff;
    border:1px solid rgba(0,0,0,0.15);
    border-radius:20%;
    display:inline-block;
    height:16px;
    margin-right:10px;
    margin-top:-1px;
    vertical-align:middle;
    width:16px;
    line-height:1;
}
.input-rc:checked + .label-checkbox-input:after{
    background-color:rgb(0,153,255);
    border-radius:20%;
    content:"";
    display:inline-block;
    height:12px;
    margin:2px;
    width:12px
}

/*自定义下拉框*/
.dropdownlist{
    //width: 600px;
    //margin: 200px auto;
    position: relative;
}
.dropdownlist input{
    font-weight: normal;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #ccc;
    cursor: pointer;
    width: 260px;
    box-shadow: 0 0 3px #aaa;
    text-indent: 15px;
    position: relative;
    /*font-family: "微软雅黑";*/
   /* background: #fff url("images/a2.jpg") no-repeat scroll right center;*/
}
.dropdownlist ul{
    border: 1px solid #ccc;
    border-top: 0;
    box-shadow: 0 0 3px #aaa;
    line-height: 38px;
    width: 260px;
    position: absolute;
    top: 38px;
    background: #fff;
    list-style: none;
    text-indent: 15px;
   /* display: none;*/
}
.dropdownlist ul li{
    cursor: pointer;
}
.dropdownlist ul li:hover{
    background: #aaa;
}

.excelTable{
    border-collapse:collapse;
    border:thin solid #999;
}
.excelTable th{
    border: thin solid #999;
    padding:20px;
    text-align: center;
    border-top: thin solid #999;
    background-color: #E6E6E6;
    vertical-align: middle;
    font-size: 16px;
}
.excelTable td{
    border:thin solid #999;
    padding:2px 5px;
    text-align: center;
    font-size: 16px;
}